﻿@model Product

<div class="form-group">
    <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#descriptionModal">
        Chi tiết »
    </button>

    <div class="modal modal-primary fade" id="descriptionModal" tabindex="-1" role="dialog" aria-labelledby="descriptionModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="descriptionModalLabel">Mô tả chi tiết</h4>
                </div>
                <div class="modal-body">
                    <div class="name">
                        @Model.Name
                    </div>
                    <div class="code">
                        @Model.Code
                    </div>
                    <div class="views">
                        <span class="label label-primary">
                            @Model.Views lượt xem
                        </span>
                    </div>
                    <hr />
                    <div class="summary">
                        @Html.Raw(Model.Summary)
                    </div>
                    <hr />
                    <div class="description">
                        @Html.Raw(Model.Description)
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
                </div>
            </div>
        </div>
    </div>
</div>
